<?php
session_start();
require_once 'HTML5Header.php';
?>
<?php 
	if (isset($_SESSION["nombre"])){
          header("Location: intro.php");          
    }
    else {    
    ?>
<body>
	<?php require_once 'BarraNavegacion.php';?>

	<div class="container">
		<div class="hero-unit">
			<h1>Bienvenido a MoodvieWeb</h1>
			</br>
			<p>MoodvieWeb es un recomendador de películas que analizará tu temperamento y te ayudará a decidirte sobre qué película ir a ver al
			   cine, ofreciéndote las que mejor se adapten a tu temperamento o estado de ánimo.
			</p>
			</br>
			<div class="row">
				<div class="span5">
					<form class="form-horizontal" id="registerHere" method='post' action='registro2.php'>
						<legend>Registrarse</legend>
						<div class="control-group">
							<label class="control-label">Nombre</label>
							<div class="controls">
								<input type="text" class="input-large" id="user_name" name="user_name" rel="popover" data-content="Introduzca su nombre de usuario" data-original-title="Nombre de Usuario">
							</div>
						</div>
						<!-- <div class="control-group">
							<label class="control-label">Email</label>
							<div class="controls">
								<input type="text" class="input-large" id="user_email" name="user_email" rel="popover" data-content="Introduzca su Email" data-original-title="Email">
							</div>
						</div>-->
						<div class="control-group">
							<label class="control-label">Contraseña</label>
							<div class="controls">
								<input type="password" class="input-large" id="pwd" name="pwd" rel="popover" data-content="Introduzca su contraseña"	data-original-title="Contraseña">
							</div>
						</div>
						<div class="control-group">
							<label class="control-label">Confirme Contraseña</label>
							<div class="controls">
								<input type="password" class="input-large" id="cpwd" name="cpwd" rel="popover" data-content="Confirme su contraseña" data-original-title="Confirme Contraseña">
							</div>
						</div>
						<div class="form-actions">
							<button type="submit" name="registrar" value="Registrar" class="btn btn-info">Registrarse</button>
						</div>
						<div id="alert" class="alert alert-success hide">
							Bien Hecho! Su registro se ha completado.<br /> Ya puede acceder a Moodvie introduciendo su usuario y contraseña.
						</div>
					</form>
				</div>
				<div class="span5">
					<form class="form-horizontal" id="loginHere" method="post" action="login2.php">
						<legend>Acceder</legend>
						<div class="control-group">
							<label class="control-label">Nombre</label>
							<div class="controls">
								<input type="text" class="input-large" id="user_name_login" name="user_name_login" rel="popover" data-content="Introduzca su nombre de usuario" data-original-title="Nombre de Usuario">
							</div>
						</div>
						<div class="control-group">
							<label class="control-label">Contraseña</label>
							<div class="controls">
								<input type="password" class="input-large" id="pwd_login" name="pwd_login" rel="popover" data-content="Introduzca su contraseña" data-original-title="Contraseña">
							</div>
						</div>
						<div class="form-actions">
							<button type="submit" name="entrar" value="Entrar" class="btn btn-info" data-toggle="button">Entrar</button>
						</div>
					</form>
				</div>
			</div>
		</div>
		<hr>
	</div>
	
	<div class="modal-footer">
		<!-- <p>&copy; MoodvieWeb</p>-->
    	<p>&copy; MoodvieWeb - David Carboneras, Fernando Álvarez y Moisés Martínez</p>
	</div>

<?php require_once 'bootstrapjs.php';?>
<script type="text/javascript">
	$(document).ready(
	function()
	{
	// Popover registro
		$('#registerHere input').hover(
		function()
		{
			$(this).popover('show')
		});

	// Popover login
		$('#loginHere input').hover(
		function()
		{
			$(this).popover('show')
		});

	// Validation register
		$("#registerHere").validate(
		{
			rules:
			{
				user_name:{required:true, rangelength: [4,12]},
				//user_email:{required:true,email: true},
				pwd:{required:true,minlength: 6},
				cpwd:{required:true,equalTo: "#pwd"},
			},

			messages:
			{
				user_name:{
					required:"Introduzca su nombre de usuario",
					rangelength:"El nombre de usuario debe contener entre 4 y 12 caracteres"
				},
				/*user_email:
				{
					required:"Introduzca su email",
					email:"Introduzca un email válido"
				},*/
				pwd:
				{
					required:"Introduzca su contraseña",
					minlength:"La contraseña debe tener un mínimo de 6 caracteres"
				},
				cpwd:
				{
					required:"Confirme su contraseña",
					equalTo:"Las dos contraseñas deben coincidir"
				},
			},

			errorClass: "help-inline",
			errorElement: "span",
			
			highlight:
			function(element, errorClass, validClass)
			{
				$(element).parents('.control-group').removeClass('success');
				$(element).parents('.control-group').addClass('error');
			},

			unhighlight: 
			function(element, errorClass, validClass)
			{
				$(element).parents('.control-group').removeClass('error');
				$(element).parents('.control-group').addClass('success');
			}
		});

		// Validation Login
		$("#loginHere").validate(
		{
			rules:
			{
				user_name_login:{required:true, rangelength: [4,12]},
				pwd_login:{required:true,minlength: 6},
			},

			messages:
			{
				user_name_login:{
					required:"Introduzca su nombre de usuario",
					rangelength:"El nombre de usuario debe contener entre 4 y 12 caracteres"
				},
				pwd_login:
				{
					required:"Introduzca su contraseña",
					minlength:"La contraseña debe tener un mínimo de 6 caracteres"
				},
			},

			errorClass: "help-inline",
			errorElement: "span",
			
			highlight:
			function(element, errorClass, validClass)
			{
				$(element).parents('.control-group').removeClass('success');
				$(element).parents('.control-group').addClass('error');
			},

			unhighlight: 
			function(element, errorClass, validClass)
			{
				$(element).parents('.control-group').removeClass('error');
				$(element).parents('.control-group').addClass('success');
			}
		});
	});
</script>
</body>
<?php }?>
</html>



